.detailed-service-image-container img{
    width:100%;
    height:100%;
    object-fit: cover;
  } 
  .detailed-service-container{
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 10rem 25rem;
      box-shadow: 5px 10px 18px #888888;
      row-gap: 1rem;
      background-color: #f4f4f8;
  }
  .detailed-service-image-container{
    grid-row: 1/3;

  }
  .detailed-service-description-header,.detailed-service-description-footer{
    padding-left: 1rem;

  }
  .detailed-service-description-header{
    margin-top: 1rem;
  }
  .right{ /*this class is to put the  image on the right of the screen*/
    grid-column: 2;
  }
  #land-freight-service{
    grid-template-rows: 12rem 22rem;
  }
.font-descriptions {
    font-size: 1.8rem;
  
}
  @media all and (max-width:800px){
    .detailed-service-container{
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: 22rem 14rem 18rem;
    }
    .detailed-service-image-container{
      grid-column: 1/4;
      grid-row: 1;
    }
    .detailed-service-description-header{
      grid-column: 1/4;
      grid-row: 2;
    }
    .detailed-service-description-footer{
      grid-column: 1/4;
      grid-row: 3;
    }
    #land-freight-service{
      grid-template-rows: 22rem 18rem 18rem;
    }
    }

    @media all and (min-width:451px) and (max-width:800px){
      .detailed-service-container{
        grid-template-rows: 25rem 9rem 19rem;
      }
      #land-freight-service{
        grid-template-rows: 25rem 12rem 19rem;
      }
      .font-descriptions{
        font-size: 1.8rem;
      }
    }